/*白色主题

*/

/*黑色主题
  --expo-black: #111629;
  --expo-blue1: #171d34;
  --expo-blue2: #29314b;
  --expo-blue3: #454e6c;
  --expo-blue4: #657393;
  --expo-blue5: #9aa5bb;
*/
body {
  --theme-color: #2d8cf0; /*主题色*/
  --bg-color: #111629;  /*背景色*/
  --fore-color: white;  /*前景色*/
  --series-color1: #171d34; /**/
  --series-color2: #29314b; /*卡片背景色*/
  --series-color3: #454e6c; /*卡片边框色，表格边框， 表格标题*/
  --series-color4: #657393; /*表格内容*/
  --series-color5: #9aa5bb; /**/
  color: var(--fore-color);
}


.ivu-layout {
  background: var(--bg-color);
}
.ivu-breadcrumb > span:last-child{
  color: var(--fore-color);
}
.ivu-breadcrumb a{
  color: var(--fore-color);
}
.ivu-tag-checked {
  background: var(--theme-color);
}
.ivu-tag-primary{
  background: var(--theme-color);
}
.ivu-tag-dot {
  color: var(--series-color5)!important;
  background: var(--series-color2)!important;
  border: 1px solid var(--series-color3)!important;
}
.ivu-tag-text {
  color: var(--fore-color);
}
.ivu-card {
  background: var(--series-color2);
}
.ivu-card-bordered, .ivu-card-bordered:hover{
  border: 1px solid var(--series-color3);
  border-color: var(--series-color3);
}
.ivu-table-wrapper {
  border: 1px solid var(--series-color3);
}
.ivu-table {
  color: var(--fore-color);
  background-color: var(--series-color4);
}
.ivu-table th, td {
  border-bottom: 1px solid var(--series-color3);
}
.ivu-table th {
  background-color: var(--series-color3);
}
.ivu-table td {
  background-color: var(--series-color4);
}
.ivu-table tr.ivu-table-row-hover td {
  background-color: var(--series-color1);
}
.ivu-table-border th, .ivu-table-border td {
    border-right: 1px solid var(--series-color3);
    border-bottom: 1px solid var(--series-color3);
}
.ivu-table:before, .ivu-table:after {
  background-color: var(--series-color3);
}
.ivu-collapse > .ivu-collapse-item > .ivu-collapse-header {
  color: var(--fore-color)
}
.ivu-collapse {
  background-color: var(--series-color3);
  border: 1px solid var(--series-color3);
}
.ivu-collapse-content {
  color: var(--fore-color);
  background-color: var(--series-color4);
}
.ivu-collapse > .ivu-collapse-item.ivu-collapse-item-active > .ivu-collapse-header {
  border-bottom: 1px solid var(--series-color3);
}
.ivu-collapse > .ivu-collapse-item {
  border-top: 1px solid var(--series-color4);
}
.ivu-poptip-popper, .ivu-cascader-rel, .ivu-message, span.ivu-date-picker-cells-cell {
  color: #515a6e
}
.main .header-con {
  background: var(--bg-color);
}
.main .tag-nav-wrapper {
  background: var(--bg-color);
}
.views-wrapper {
  background: var(--bg-color);
  border: 1px solid var(--series-color3);
}
.tags-nav {
  border-top: 1px solid var(--series-color3);
  border-bottom: 1px solid var(--series-color3);
}
.tags-nav .btn-con, .tags-nav .close-con {
  background: var(--series-color1);
}
.tags-nav .btn-con.right-btn {
  border-right: 1px solid var(--series-color3);
}
.block-container {
  background: var(--series-color5)!important;
  border: 1px solid var(--series-color4)!important;
}
.block-title, .block-content {
  color: var(--fore-color)!important;
}
.role-list-box li:hover, .role-list-box li.active {
  background-color: var(--series-color4)!important;
}
.role-list-title, .aside-wrapper > .aside-title {
  background-color: var(--series-color4)!important;
  color: var(--fore-color)!important;
}
.permission-tree-node:hover {
  background-color: var(--series-color4)!important;
}
.ivu-card-head p{
  color: var(--fore-color)
}

h2.content-title{
  color: var(--fore-color)!important;
}

.ivu-form .ivu-form-item-label,
.ivu-btn-text,
.ivu-tabs,
.ivu-tree-title,
.ivu-drawer-header-inner,
.ivu-modal-header-inner,
.ivu-steps-item.ivu-steps-status-process .ivu-steps-title
 {
  color: var(--fore-color)
}

.ivu-card-head,
.wrapper.item-data-content,
.item-data-row > .item-data-col > .key,
.item-data-row > .item-data-col > .val {
  color: var(--fore-color)!important;
}

.ivu-drawer-content,
.ivu-modal-content,
.ivu-steps .ivu-steps-title,
.ivu-steps .ivu-steps-head {
  background-color: var(--bg-color);
}

.ivu-poptip-footer .ivu-btn-text{
  color: var(--theme-color);
}

.user-tree-render.ivu-tree .ivu-tree-title:hover{
  background-color: var(--series-color4);
}

/* 


.ivu-input, .ivu-select-selection {
  background: #ccc;
  border: 1px solid var(--expo-blue3);
}
.ivu-tabs-bar {
  border-bottom: 1px solid var(--expo-blue3);
}
.txt-white {
  color: white
} */